﻿<!DOCTYPE html>
<html>

<head>
    <title>消息</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"/>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" type="text/css" href="plugins/weui/css/weui.min.css">
    <!--<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />-->
    <!--<link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />-->
    <link rel="stylesheet" type="text/css" href="css/webim_demo.css" />
    <!--<link rel="stylesheet" type="text/css" href="css/bootstrap-table.css" />-->    
</head>
<style>
    a:link {text-decoration:none;}
</style>

<body style="max-width: 640px; margin: auto;">
    <div class="sesspart">
        <div class="accordion" id="accordionContact">
            <div class="accordion-group">
                <div id="collapseRecentSession" class="accordion-body collapse in">
                    <div class="sesslist">
                    </div>
                </div>
            </div>
        </div>
        <div class="weui-tabbar tabbar">
            <a href="../../pages/bossRadarIndex.html" class="weui-tabbar__item">
                <img src="img/tabbar/10.png" alt="" class="weui-tabbar__icon">
                <p class="weui-tabbar__label">AI销售</p>
            </a>
            <a href="javascript:;" class="weui-tabbar__item">
                <img src="img/tabbar/11.png" alt="" class="weui-tabbar__icon">
                <p class="weui-tabbar__label" style="color:#FD4D01;">消息</p>
            </a>
            <a href="../../pages/contactPerson.html" class="weui-tabbar__item">
                <img src="img/tabbar/14.png" alt="" class="weui-tabbar__icon">
                <p class="weui-tabbar__label">客户</p>
            </a>
            <a href="../../pages/friendState.html" class="weui-tabbar__item">
                <img src="img/tabbar/16.png" alt="" class="weui-tabbar__icon">
                <p class="weui-tabbar__label">商圈</p>
            </a>
            <a href="../../pages/myself.html" class="weui-tabbar__item">
                <img src="img/tabbar/18.png" alt="" class="weui-tabbar__icon">
                <p class="weui-tabbar__label">我</p>
            </a>
        </div>
    </div>
    <script type="text/javascript" src="js/lib/jquery/jquery.js"></script>
    <script type="text/javascript" src="js/lib/jquery/jquery-ui.js"></script>
    <script type="text/javascript" src="js/lib/lodash.min.js"></script>
    <script type="text/javascript" src="js/lib/bootstrap/bootstrap.js"></script>
    <script type="text/javascript" src="js/lib/bootstrap/bootstrap-table.js"></script>
    <script type="text/javascript" src="js/lib/bootstrap/bootstrap-collapse.js"></script>
    <script type="text/javascript" src="js/lib/xss.js"></script>

    <!--TLS web sdk(只用于托管模式，独立模式不用引入)-->
    <script type="text/javascript" src="https://tls.qcloud.com/libs/api.min.js"></script>
    <!--用于获取文件MD5 js api(发送图片时用到)-->
    <script type="text/javascript" src="js/lib/md5/spark-md5.js"></script>
    <!--web im sdk-->
    <script type="text/javascript" src="sdk/webim.js"></script>
    <!--<script type="text/javascript" src="sdk/webim.min.js"></script>-->
    <script type="text/javascript" src="sdk/json2.js"></script>

    <!--web im sdk 登录 示例代码-->
    <script type="text/javascript" src="js/login/login.js"></script>
    <!--web im sdk 登出 示例代码-->
    <script type="text/javascript" src="js/logout/logout.js"></script>

    <!--web im demo 基本逻辑-->
    <script type="text/javascript" src="js/base.js"></script>

    <!--web im 切换聊天好友或群组 示例代码-->
    <script type="text/javascript" src="js/switch_chat_obj.js"></script>
    <!--web im sdk 好友管理 api 示例代码-->
    <script type="text/javascript" src="js/friend/friend_manager.js"></script>
    <!--web im sdk 最近联系人 api 示例代码-->
    <script type="text/javascript" src="js/recentcontact/recent_contact_list_manager.js"></script>

    <script type="text/javascript">
        var accountMode = 0;
        var sdkAppID = 1400101388;
        var accountType = 29625;

        var maxNameLen = 12; //我的好友或群组列表中名称显示最大长度，仅demo用得到
        var reqMsgCount = 15; //每次请求的历史消息(c2c获取群)条数，仅demo用得到

        var selSess = null; //当前聊天会话对象
        var recentSessMap = {}; //保存最近会话列表
        var reqRecentSessCount = 50; //每次请求的最近会话条数，业务可以自定义

        var pageSize = 15; //表格的每页条数
        var totalCount = 200; //每次接口请求的条数

        //默认好友头像
        var friendHeadUrl = 'img/friend.jpg'; //仅demo使用，用于没有设置过头像的好友
        //存放c2c或者群信息（c2c用户：c2c用户id，昵称，头像；群：群id，群名称，群头像）
        var infoMap = {}; //初始化时，可以先拉取我的好友和我的群组信息

        //当前用户身份
        var loginInfo = {
            'sdkAppID': sdkAppID, //用户所属应用id,必填
            'identifier': null, //当前用户ID,必须是否字符串类型，必填
            'accountType': accountType, //用户所属应用帐号类型，必填
            'userSig': null, //当前用户身份凭证，必须是字符串类型，必填
            'identifierNick': null, //当前用户昵称，不用填写，登录接口会返回用户的昵称，如果没有设置，则返回用户的id
            'headurl': 'img/me.jpg' //当前用户默认头像，选填，如果设置过头像，则可以通过拉取个人资料接口来得到头像信息
        };
        var selType = webim.SESSION_TYPE.C2C; //当前聊天类型
        //IE9(含)以下浏览器用到的jsonp回调函数
        function jsonpCallback(rspData) {
            webim.setJsonpLastRspData(rspData);
        }
        //监听事件
        var listeners = {
            "onConnNotify": res => {} //监听连接状态回调变化事件,必填
                ,
            "jsonpCallback": jsonpCallback //IE9(含)以下浏览器用到的jsonp回调函数，
                ,
            "onMsgNotify": res => {} //监听新消息(私聊，普通群(非直播聊天室)消息，全员推送消息)事件，必填
        };
        //初始化时，其他对象，选填
        var options = {
            'isAccessFormalEnv': true, //是否访问正式环境，默认访问正式，选填
            'isLogOn': false //是否开启控制台打印日志,默认开启，选填
        }
        if (webim.Tool.getQueryString('uid')) {
            var uid = webim.Tool.getQueryString('uid');
            loginInfo.identifier = uid;
            $.ajax({
                url: apiHost + '/api/WebIM/FetchSign',
                type: 'GET',
                data: {
                    uid: uid
                },
                dataType: 'json',
                success: function (data, textStatus, jqXHR) {
                    loginInfo.userSig = data.Data;
                    webim.login(
                        loginInfo, listeners, options,
                        function (resp) {
                            loginInfo.identifierNick = resp.identifierNick; //设置当前用户昵称
                            loginInfo.headurl = resp.headurl; //设置当前用户头像

                            initRecentContactListApp(); //初始化我的好友列表
                          
                        },
                        function (err) {
                            console.log(err)
                        }
                    );
                },
            })

        }      
    </script>
</body>

</html>